import { Fragment } from "react"

export default ( {data = []}) =>{
  return (
    <Fragment>
      <div className="exp-09-comment-list">
        <h3>Comments( {data.length} )</h3>
        <dl>
          {
            data.map((item)=>{
              return (
                <Fragment key={item.id}>
                  <dt >{item.user}</dt>
                  <dd>{item.content}</dd>
                </Fragment>
              )
            })
          }
        </dl>
      </div>
    </Fragment>
  )
}